<html>
    <head>
        <meta charset="UTF-8">
        <title>网页</title>
        <script src="/echarts.js"></script>
        <script src="/jquery-3.6.0.js"></script>
    </head>
    <body>
        <div class="echarts" id="billBookByGroup" style="width:100%; height:2000"></div>
    </body>
    <script>
        $.getJSON("/userListLink_demo_100.json",function(webkitDep){
        var chartDom = document.getElementById('billBookByGroup');
        var myChart = echarts.init(chartDom);
        var option;
        myChart.hideLoading();
        option = {
            tooltip: {
                trigger: 'item',
            },
            legend: [
                {
                    data:webkitDep.categories,
                    type: 'scroll',
                }
            ],
            series: [
            {
                name: webkitDep.nodes.name,
                type: 'graph',
                layout: 'force',
                animation: false,
                // roam: true,  //可手动托移
                label: {
                    position: 'center',
                    formatter: '{b}',
                    show: false,
                    fontSize:30
                },
                labelLayout: {
                    hideOverlap: false
                },
                emphasis: {
                    label: {
                    show: true,
                    fontSize: 30,
                    fontWeight: 'bold'
                    }
                },
                // lineStyle: {
                //     color: 'source',
                // },
                draggable: true,
                data: webkitDep.nodes,
                categories: webkitDep.categories,
                force: {
                    edgeLength: 800,
                    repulsion: 800,
                    gravity: 0.01
                },
                edges: webkitDep.links
            }
            ]
        };
            myChart.setOption(option);
    });
        </script>
</html>